<style>
    li
    {
        float:left;
        margin-right:15px;
    }
</style>
<body style="background:#000">
    <div style="width:45%;margin:0 auto;">
        <a href="#emailModal" role="button" data-toggle="modal">
            <img style="width:100%;" src="<?php echo base_url() ?>assets/themes/default/images/howieday.png">
        </a>
    </div>
    <ul style="width:45%;margin:10px auto;">
        <li><a href="http://www.facebook.com/pinoytuner" target="_blank"><img style="width:100%;" src="<?php echo base_url() ?>assets/themes/default/images/social_fb.png"></a></li>
        <li><a href="http://www.twitter.com/pinoytuner" target="_blank"><img style="width:100%;" src="<?php echo base_url() ?>assets/themes/default/images/social_twitter.png"></a></li>
        <li><a href="http://www.youtube.com/pinoytuner" target="_blank"><img style="width:100%;" src="<?php echo base_url() ?>assets/themes/default/images/social_youtube.png"></a></li>
        <li style="float:right;">
            <a style="color:#fff;text-decoration:none;" href="<?php echo base_url(); ?>homepage/landing">Enter Site | </a>
             <a style="color:#fff;text-decoration:none;" href="https://www.google.com/maps/dir//14.5495033,121.0482645/@14.5495956,121.0143166,13z/data=!3m1!4b1!4m3!4m2!1m0!1m0 " target="_blank">Map to Venue</a>
        </li>
    </ul>
    
<!-- Modal -->
<div id="emailModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close close-reserve" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Reserve Tickets</h3>
  </div>
 <form id="email-reserve" method="post" action="<?php echo base_url() ?>homepage/email_reserve">    
  <div class="modal-body">
    <p >
       
            <div class="form-group">
                <label>Name*</label>
                <input class="form-control" style="padding:5px;height:30px;width:100%" id="name" type="text" name="name" />
                
            </div>
            <div class="form-group">
                <label>Email Address*</label>
                <input class="form-control" style="padding:5px;height:30px;width:100%" id="email" type="text" name="email" />
                
            </div>
            <div class="form-group">
                <label>Contact Number*</label>
                <input class="form-control" style="padding:5px;height:30px;width:100%" id="contact" type="number" name="contact" />
                
            </div>
            <div class="form-group">
                <label>Message</label>
                <textarea class="form-control" style="width:100%;height:100px;border:1px solid #d2d2d2;" id="message"   name="message" ></textarea>
                
            </div>
         
      
    </p>
  </div>
  <div class="modal-footer">
    <button type="submit" class="btn btn-primary">Reserve</button>
  </div>
    </form> 
</div>

<div id="thank-you" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close close-thankyou" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Ticket Reservation</h3>
  </div>
  <div class="modal-body">
    <p>
       Thank you very much for supporting Pinoytuner's event Howie Day: The Manila stop.
       We hope you enjoy the evening and continue supporting independent music worldwide.
        <br />
        <div class="pull-right">
        Sincerely,<br />
        The Pinoytuner Team!  
        </div>
    </p>
  </div>
  <div class="modal-footer">
    <button class="btn close-thankyou" data-dismiss="modal" aria-hidden="true">Close</button>
  </div>
   
</div>
    
</body>